/*@import url("modena.bss");*/
/*@import url("modena.css");*/

@font-face {
    font-family: "Sour Gummy Black";
    src: url("../fonts/SourGummy.ttf");
}

.login-root {
    -fx-background-color: #1BBC9B;
    -fx-alignment: center;
}
.main-root {
    -fx-background-image: url("../images/background1.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: cover
}
.login-box {
    -fx-pref-width: 455px;
    -fx-min-width: 455px;
    -fx-max-width: 455px;
    -fx-pref-height: 568px;
    -fx-min-height: 568px;
    -fx-max-height: 568px;
    -fx-background-radius: 70px;
    -fx-background-color: #EEEFF1;
    -fx-alignment: center;
}
.login-label {
    -fx-wrap-text: true;
    -fx-content-display: center;
    -fx-text-alignment: center;
    -fx-font-size: 63px;
    -fx-font-family: "Sour Gummy Black";
    -fx-text-fill: #1BBC9B;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 7, 0.0, 0, 0);
}
.login-button {
    -fx-pref-width: 350px;
    -fx-pref-height: 45px;
    -fx-background-radius: 5px;
    -fx-background-color: #1BBC9B;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 7, 0.0, 2, 2);
    -fx-text-fill: white;
    -fx-font-size: 22px;
    -fx-font-family: "Calibri";
    -fx-alignment: center;
    -fx-font-weight: bold;
}
.login-button:hover {
    -fx-background-color: #16A085;
}
.login-input-box {
    -fx-pref-width: 350px;
    -fx-min-width: 350px;
    -fx-max-width: 350px;
    -fx-pref-height: 60px;
    -fx-min-height: 60px;
    -fx-max-height: 60px;
    -fx-background-radius: 10px 10px 0 0;
    -fx-background-color: white;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 5, 0.0, 3, 3);
    -fx-alignment: center;
}
.login-input-textfield {
    -fx-pref-width: 250px;
    -fx-background-color: transparent;
    -fx-border-width: 0;
    -fx-padding: 0;
    -fx-font-family: "微软雅黑";
    -fx-font-size: 24px;
}
.login-input-textfield:focused {
    -fx-border-width: 0;
    -fx-outline: 0;
}
.score {
    -fx-background-image: url("../images/score_d.png");
    -fx-pref-width: 52px;
    -fx-pref-height: 52px;
    -fx-background-size: cover;
    -fx-background-repeat: no-repeat;
    -fx-background-color: transparent;

}
.score:hover {
    -fx-background-image: url("../images/score_l.png");
}
.bar {
    -fx-pref-width: 1280px;
    -fx-pref-height: 102px;
}
.bar-title {
    -fx-font-size: 56px;
    -fx-font-family: "Sour Gummy Black";
    -fx-text-fill: #333333;
    -fx-text-alignment: center;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 7, 0.0, 0, 0);
}
.bar-username {
    -fx-font-size: 40px;
    -fx-font-family: "Calibri";
    -fx-text-fill: #353535;
    -fx-font-weight: bold;
}
.course-notice {
    -fx-font-family: "Sour Gummy Black";
    -fx-font-size: 46px;
    -fx-text-fill: #C55A11;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 5, 0.0, 3, 4);
}
.choice-button {
    -fx-background-image: url("../images/choice_button_l.png");
    -fx-background-size: cover;
    -fx-background-repeat: no-repeat;
    -fx-background-color: transparent;
    -fx-pref-width: 241px;
    -fx-pref-height: 111px;
    -fx-font-family: "Sour Gummy Black";
    -fx-font-size: 56px;
    -fx-text-fill: #DEA900;
}
.choice-button:hover {
    -fx-background-image: url("../images/choice_button_d.png");
}
.score-pane {
    -fx-background-image: url("../images/score_background.png");
    -fx-background-size: 100% 100%;
    -fx-background-repeat: no-repeat;
    -fx-background-color: transparent;
    -fx-pref-width: 600px;
    -fx-pref-height: 366px;

}
.score-title {
    -fx-font-family: "Sour Gummy Black";
    -fx-font-size: 64px;
    -fx-text-fill: white;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 10, 0.0, 0, 0);
    -fx-alignment: center;
    /*-fx-max-height: 48px;*/
}
.score-subtitle {
    -fx-font-family: "Calibri";
    -fx-font-size: 24px;
    -fx-text-fill: white;
}
.dashed-line {
    -fx-background-color: linear-gradient(to right,
    white 0%, white 4%,
    transparent 4%, transparent 6%,
    white 6%, white 10%,
    transparent 10%, transparent 12%,
    white 12%, white 16%,
    transparent 16%, transparent 18%,
    white 18%, white 22%,
    transparent 22%, transparent 24%,
    white 24%, white 28%,
    transparent 28%, transparent 30%,
    white 30%, white 34%,
    transparent 34%, transparent 36%,
    white 36%, white 40%,
    transparent 40%, transparent 42%,
    white 42%, white 46%,
    transparent 46%, transparent 48%,
    white 48%, white 52%,
    transparent 52%, transparent 54%,
    white 54%, white 58%,
    transparent 58%, transparent 60%,
    white 60%, white 64%,
    transparent 64%, transparent 66%,
    white 66%, white 70%,
    transparent 70%, transparent 72%,
    white 72%, white 76%,
    transparent 76%, transparent 78%,
    white 78%, white 82%,
    transparent 82%, transparent 84%,
    white 84%, white 88%,
    transparent 88%, transparent 90%,
    white 90%, white 94%,
    transparent 94%, transparent 96%,
    white 96%, white 100%

    );
    -fx-background-repeat: repeat-x;
    -fx-background-position: left center;
    -fx-min-height: 2px;
}

.score-root {
    -fx-background-color: #60606099;
}
.score-subpane {
    -fx-background-color: #59595960;
    -fx-background-radius: 40px 40px 40px 40px;
    -fx-pref-width: 400px;
    -fx-max-width: 400px;
    -fx-pref-height: 190px;
}
.score-subscore {
    -fx-font-family: "DejaVu Math TeX Gyre";
    -fx-font-size: 36px;
    -fx-text-fill: white;
    -fx-alignment: center;
    -fx-font-weight: bold;
}
.score-score {
    -fx-font-family: "Calibri";
    -fx-font-size: 100px;
    -fx-text-fill: #FFC000;
    -fx-alignment: center;
    -fx-font-weight: bold;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 5, 0.0, 3, 3);
}
.close-button {
    -fx-background-image: url("../images/close_l.png");
    -fx-background-size: cover;
    -fx-background-repeat: no-repeat;
    -fx-background-color: transparent;
    -fx-pref-width: 80px;
    -fx-pref-height: 80px;
}
.close-button:hover {
    -fx-background-image: url("../images/close_d.png");
}
.return {
    -fx-background-image: url("../images/return_d.png");
    -fx-background-size: cover;
    -fx-background-repeat: no-repeat;
    -fx-background-color: transparent;
    -fx-pref-width: 64px;
    -fx-pref-height: 64px;
}
.return:hover {
    -fx-background-image: url("../images/return_l.png");
}
.left {
    -fx-background-image: url("../images/left_d.png");
    -fx-background-size: cover;
    -fx-background-repeat: no-repeat;
    -fx-background-color: transparent;
    -fx-pref-width: 80px;
    -fx-pref-height: 80px;
}
.left:hover {
    -fx-background-image: url("../images/left_l.png");
}
.right {
    -fx-background-image: url("../images/right_d.png");
    -fx-background-size: cover;
    -fx-background-repeat: no-repeat;
    -fx-background-color: transparent;
    -fx-pref-width: 80px;
    -fx-pref-height: 80px;
}
.right:hover {
    -fx-background-image: url("../images/right_l.png");
}
.start {
    -fx-background-image: url("../images/start.png");
    -fx-background-size: 100% 100%;
    -fx-background-repeat: no-repeat;
    -fx-background-color: transparent;
    -fx-pref-width: 300px;
    -fx-pref-height: 300px;
    -fx-max-width: 300px;
    -fx-max-height: 300px;
}
.progress {
    -fx-background-color: rgba(255, 255, 255, 0.4);
    -fx-background-radius: 25px;
    -fx-padding: 4px;
    -fx-background-insets: 0;

}
.progress .bar {
    -fx-background-color: #FFD700;
    -fx-background-radius: 20px;
}
.task-root {
    -fx-background-image: url("../images/background2.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: cover
}
.home {
    -fx-background-image: url("../images/home_d.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: cover;
    -fx-background-color: transparent;
    -fx-pref-width: 80px;
    -fx-pref-height: 80px;
}
.home:hover {
    -fx-background-image: url("../images/home_l.png");
}
.topic {
    -fx-background-image: url("../images/topic_background.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: 100% 100%;
    -fx-pref-width: 600px;
    -fx-max-width: 600px;
    -fx-pref-height: 450px;
}
.no {
    -fx-font-family: "Calibri";
    -fx-font-size: 48px;
    -fx-text-fill: #DEA900;
    -fx-alignment: center;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 10, 0.0, 0, 0);
}
.exercise-notice {
    -fx-font-family: "Sour Gummy Black";
    -fx-font-size: 32px;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 10, 0.0, 3, 3);
}
.question {
    -fx-font-family: "Calibri";
    -fx-font-size: 24px;
    -fx-text-fill: black;
    -fx-alignment: center;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 5, 0.0, 3, 3);
}
.sub-question {
    -fx-font-family: "Calibri";
    -fx-font-size: 20px;
    -fx-text-fill: black;
    -fx-alignment: center;
}